{% extends "base.html" %}

{% block extrahead %}

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery.js@1.1.1/dist/css/lightgallery.min.css" integrity="sha256-oPZ2OUkKul2aJQeDwKoO1p+DpvFR+w17n7YXydvFRWU=" crossorigin="anonymous">

    <script async defer src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.2.0/turbolinks.js" integrity="sha256-iM4Yzi/zLj/IshPWMC1IluRxTtRjMqjPGd97TZ9yYpU=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/lightgallery.js@1.1.1/dist/js/lightgallery.min.js" integrity="sha256-UJv7RCncYk0JrZPTdF4z/n9/16gyZM9HLjdw8pfyax0=" crossorigin="anonymous"></script>
{% endblock %}

{% block header %}
    <script>
        var page_base_name = window.location.pathname
        page_base_name_split = page_base_name.split('/').filter(function(token) { return token != ''})
        document.querySelector('body').classList.add(...page_base_name_split)
    </script>
    {% include "partials/header.html" %}
{% endblock %}


{% block fonts %}
    <!-- Suppress Material fonts -->
{% endblock %}

{% block footer %}
    <div class='custom-scroll-top hidden md-icon'></div>
    {% include "partials/footer.html" %}
    <script>
        Array.from(document.getElementsByClassName('expandable')).forEach(function(item) {
            lightGallery(item, {
                controls: false,
                counter: false
            })
        })
    </script>
{% endblock %}